<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JFL介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="row  border-bottom white-bg dashboard-header">
		<div id="visit_chart" style="width: 600px;height:400px;"></div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/echarts.min.js}"></script>
    <script th:inline="javascript">
        visit_chart = echarts.init($('#visit_chart')[0]),
    	// 获取echarts div
    	echarts.init($('#visit_chart')[0]),
    	// 统计shuju
    	arr = [[${statistics}]],
    	operations = [],
    	counts = [],
    	$.each(arr, function(key, value){
    		operations.push(value.name),
    		counts.push(value.cnt)
    	}),
   	    option = {
	        title: {
	            text: '操作记录统计'
	        },
	        tooltip: {},
	        legend: {
	            data:['操作记录']
	        },
	        xAxis: {
	            data: operations,
	            axisLabel: {
	            	interval:0
	            }
	        },
	        yAxis: {},
	        series: [{
	            name: '数量',
	            type: 'bar',
	            itemStyle: {
	            	normal: {
	            		
	            	}
	            },
	            data: counts
	        }]
   	  	},
   	  visit_chart.setOption(option)
    </script>
</body>
</html>
